<template>
  <el-row style="margin-bottom: 20px;" >
    <el-col :span="8" style="margin-bottom: 20px;">
      <el-card class="box-card"  style="width: 90% ;height: 350px;">
        <div slot="header" class="clearfix">
          <h2 class="homeTitle">
            体检类型分类管理
            <span><router-link to="/categoryList" style="text-decoration: none;">点击进入</router-link></span>
          </h2>
        </div>
        <span style="font-size: 25px">
          体检类型分类是设置关于体检类型的分类,常见的比如入职体检,公务员体检等类型
        </span>
      </el-card>
    </el-col>
    <el-col :span="8" style="margin-bottom: 20px;">
      <el-card class="box-card" style="width: 90%;height: 350px;">
        <div slot="header" class="clearfix">
          <h2 class="homeTitle">
            体检套餐管理
            <span><router-link to="/setmealList" style="text-decoration: none;">点击进入</router-link></span>
          </h2>
        </div>
        <span style="font-size: 25px">
          体检套餐管理是设置关于体检套餐的设定,常见的比如入职体检套餐(男),公务员体检(女)等类型
        </span>
      </el-card>
    </el-col>
    <el-col :span="8" style="margin-bottom: 20px;">
      <el-card class="box-card" style="width: 90%;height: 350px;">
        <div slot="header" class="clearfix">
          <h2 class="homeTitle">
            体检项目管理
            <span><router-link to="/checkList" style="text-decoration: none;">点击进入</router-link></span>
          </h2>

        </div>
        <span style="font-size: 25px">
          体检项目管理是设置关于体检项目的设定,常见的比如设置血常规,肝功能,肾功能等检查项目
        </span>
      </el-card>
    </el-col>
    <el-col :span="8" style="margin-bottom: 20px;">
      <el-card class="box-card" style="width: 90%;height: 350px;">
        <div slot="header" class="clearfix">
          <h2 class="homeTitle">
            体检预约管理
            <span><router-link to="/orderList" style="text-decoration: none;">点击进入</router-link></span>
          </h2>
        </div>
        <span style="font-size: 25px">
          体检预约目管理是管理用户所预约的体检套餐,为体检预约单生成体检报告
        </span>
      </el-card>
    </el-col>
    <el-col :span="8" style="margin-bottom: 20px;">
      <el-card class="box-card" style="width: 90%;height: 350px;">
        <div slot="header" class="clearfix">
          <h2 class="homeTitle">
            体检报告管理
            <span><router-link to="/reportList" style="text-decoration: none;">点击进入</router-link></span>
          </h2>
        </div>
        <span style="font-size: 25px">
          体检报告管理是设置用户所预约的生成的体检报告
        </span>
      </el-card>
    </el-col>
    <el-col :span="8" style="margin-bottom: 20px;">
      <el-card class="box-card" style="width: 90%;height: 350px;">
        <div slot="header" class="clearfix">
          <h2 class="homeTitle">
            管理员信息管理
            <span><router-link to="/employeeList" style="text-decoration: none;">点击进入</router-link></span>
          </h2>
        </div>
        <span style="font-size: 25px">
           管理员信息管理是设置管理员的管理员信息
        </span>
      </el-card>
    </el-col>
  </el-row>

</template>
<script>

</script>
<style scoped lang="scss">

.homeTitle {
  font-weight: 600;
  font-size: 16px;
  color: #333333;
  letter-spacing: -0.2px;
  // line-height: 16px;
  padding: 5px 0 0;
  margin-bottom: 18px;
  span {
    float: right;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    background: url(./../../src/assets/icon_more@2x.png) no-repeat 100% 50%;
    background-size: contain;
    padding-right: 20px;
    line-height: 16px;

  }
}

</style>
